<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>MA$$A INVESTIMENTOS</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" />
</h:head>
<h:body>
 <div id="ticker">
                    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="21" id="Ticker-Cotacao" align="middle">
                        <param name="allowScriptAccess" value="sameDomain"/>
                        <param name="movie" value="http://www.bmfbovespa.com.br/img/Ticker2-Cotacao.swf"/>
                        <param name="quality" value="high"/>
                        <param name="menu" value="false"/>
                        <param name="bgcolor" value="#00ff00"/>
                        <param name="wmode" value="transparent"/>
                        <param id="ctl00_FlashVars" name="FlashVars" value="codIdioma=PT"/>
                        <embed id="ctl00_EmbedFlashVars" name="Ticker-Cotacao" wmode="transparent" width="100%" flashvars="codIdioma=PT" quality="high" height="21" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="sameDomain" bgcolor="#00ff00" type="application/x-shockwave-flash" align="middle" menu="false" src="http://www.bmfbovespa.com.br/img/Ticker2-Cotacao.swf"/>
                    </object>
                </div>

	<div id="footer">
 	<div id="header">
			<div class="clearfix">
			<div class="logo">
				<a href="index.jsf"><img src="images/logoMassaInvestimento.png"
					alt="LOGO" height="70" width="300" /></a>
			</div>
			<ul class="navigation">
				<li class="active"><a href="index.jsf">Inicio</a></li>
				<li><a href="#sobre">Sobre</a></li>

				<li><a href="#contato">Contato</a></li>
				<li><a href="login.jsf">Área de assinantes</a></li>
			</ul>
		</div>
	</div>
	</div>
	<div id="contents">
		<div id="adbox">
			<div class="clearfix">
				
			</div>
		</div>
		<div class="featured">
			<a id="sobre"></a>
			
			<h2>Por que nos escolher ?</h2>
			<ul class="clearfix">

				<p:lightBox		 id="lightbox1">
					<h:outputLink value="images/meeting.jpg"
						title="Missão: Propor um crescimento financeiro, com responsabilidade e eficiência, as pessoas ou empresas interessadas na área de investimentos.">
						<li>
							<div class="frame1">
								<div id="box">
									<h:graphicImage value="images/meeting.jpg" id="imagemMissao"
										style="height: 130px; width: 197px" />
								</div>
							</div>
							<center>
							<p>
								<b>Nossa missão</b>
							</p>
							</center>
						</li>
					</h:outputLink>
					<h:outputLink value = "images/handshake.jpg" title="Valores: Garra, Determinação, Eficiência, Humildade, Disciplina, e Equilibro Emocional.">
					<li>
					<div class="frame1">
						<div class="box">
							<h:graphicImage value="images/handshake.jpg"  id="imagemValores" style="height: 130px; width:197px" />
						</div>
					</div>
					<center>
					<p>
						<b>Conheça nossos valores</b>
					</p>
					</center>
				</li>
					</h:outputLink>
					<h:outputLink value="images/smile.jpg" title="Nossa visão: Tornar-se uma referência mundial no mercado de ações e investimentos.">
					<li>
					<div class="frame1">
						<div class="box">
							<h:graphicImage value="images/smile.jpg" id="imagemVisao" style="height:130px; width:197px" />
						</div>
					</div>
					<center>
					<p>
						<b>Nossa visão</b>
					</p>
					</center>
				</li>
					</h:outputLink>
				</p:lightBox>
			
			</ul>
		</div>
	</div>
	<div id="footer">
		<div class="clearfix">
			<div class="section">
				<h2>Informações de contato</h2>

			</div>
			<div class="section contact">
				<h4>Contato</h4>
				<p>
					<span>Endereço:</span> Rua Avenida Paulista, São Paulo, 669
				</p>
				<p>
					<span>Telefone:</span> (11) 3080-9505
				</p>
				<p>
					<span>Email:</span> contato@massainvestimentos.com.br
				</p>
			</div>
			<div class="section">
				<a id="contato"></a>
				<h:form id="formularioContato">
					<p:growl id="growl" showDetail="true" sticky="true" />

					<p:panel
						style="color: #626262;
	font: bold 12px/24px Arial, Helvetica, sans-serif;
	margin: 0;"
						header="Envie-nos uma mensagem!">
						<h:panelGrid columns="2" cellpadding="5">
							<p:outputLabel for="nome" value="Nome:" />
							<p:inputText id="nome" value="#{ContatoEmailBean.nome}" size="20"></p:inputText>
							<p:outputLabel for="email" value="Email:" />
							<p:inputText id="email" value="#{ContatoEmailBean.email}"
								size="20"></p:inputText>
						</h:panelGrid>
						<br />
						<p:outputLabel for="mensagem" value="Mensagem:" />
						<p:inputTextarea id="mensagem"
							value="#{ContatoEmailBean.mensagem}" rows="6" cols="33"></p:inputTextarea>

						<p:commandButton value="Enviar Mensagem!"
							actionListener="#{ContatoEmailBean.enviar}" />
					</p:panel>
				</h:form>
			</div>
		</div>
		<div id="footnote">
			<div class="clearfix">
				<p>© Copyright 2014.</p>
			</div>
		</div>
	</div>
</h:body>
</html>